<template>
    <uni-popup ref="policyPop" type="right" class="popupright" :safe-area="false">
        <view class="pop-return-box">
            <view class="pop-return-title">
                <text>输入订购数量</text>
            </view>
            <input confirm-type="search" type="number" v-model="amount" class="btn-input" />
            <view class="pop-action">
                <view @click="remarkClose">取消</view>
                <view @click="remarkConfirm">确定</view>
            </view>
        </view>
    </uni-popup>
</template>
<script>
import { getUserOrderList } from "@/pages_supplier/service/api/order.js"
export default {
    props: {
        amount: {
            type: Number,
            default: 0,
        },
        open: {
            type: Boolean,
            default: false,
        },
    },

    data() {
        return {
            systemInfo: {},
        }
    },
    mounted() {
        this.systemInfo = uni.getSystemInfoSync()
        console.log(this.systemInfo)
        this.$refs.popReturnTip.open()
    },
    methods: {
        remarkClose() {},
        remarkConfirm() {},
    },
}
</script>

<style lang="scss" scoped>
.fixedmain {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: red;
}
.pop-return-box {
    background: $color-white;
    border-radius: $border-radius-10;
    padding: $app-page-padding;
    width: 600rpx;

    input {
        width: 264rpx;
        margin: 40rpx auto;
        height: 96rpx;
        background: #f0f0f0;
        border-radius: 48rpx;
        font-size: 48rpx;
        color: #000;
        text-align: center;
    }

    .pop-return-title {
        display: flex;
        justify-content: center;

        text {
            font-weight: 700;
            font-size: 34rpx;
        }
    }

    .pop-action {
        border-top: 1rpx solid rgba(0, 0, 0, 0.1);
        margin: 0 -24rpx -24rpx -24rpx;
        height: 110rpx;
        display: flex;
        align-items: center;
        justify-content: center;

        view {
            width: 50%;
            text-align: center;
            height: 110rpx;
            line-height: 110rpx;
            font-size: 34rpx;
            font-weight: bold;
            color: $app-color-main;
        }

        & > view:first-child {
            color: $color-gray-1;
            border-right: 1rpx solid rgba(0, 0, 0, 0.1);
        }
    }
}
</style>
